<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="hmg.common.CommonUtils"%>
<%@ page import="hmg.vo.CodeVO"%>
<%@ page import="hmg.vo.BoardVO"%>
<%@ page import="java.util.List"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 9. 6.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 9. 6.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> newsList = (List<BoardVO>) request.getAttribute("NewsList");
    List<CodeVO> bizList = (List<CodeVO>) request.getAttribute("BizList");
    List<CodeVO> compList = (List<CodeVO>) request.getAttribute("CompList");
    Integer totalNews = (Integer) request.getAttribute("TotalNews");

    String compType = CommonUtils.getParameter(request.getParameter("compType"), "");
    String currPage = CommonUtils.getParameter(request.getParameter("page"), "1");
    String searchCondition = CommonUtils.getParameter(request.getParameter("searchCondition"), "1");
    String searchKeyword = CommonUtils.getDecodedParameter(request.getParameter("searchKeyword"), "");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>채용정보 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 계열사별 채용정보 게시판" />
<meta name="keywords" content="현대자동차그룹 채용정보, 현대차그룹 채용정보, 채용정보, 채용소식, 채용뉴스" />
<%@ include file="/WEB-INF/jsp/web/kor/include/headerRecruit.jspf" %>
<script type="text/javascript">
//<![CDATA[
var page = "<%= currPage %>";
    
$(document).ready(function(){
    $('#btn-top').click ( function () {
        $('.jspDrag').css({'top':'0px'});
        $('.jspPane').css({'top':'0px'});
    });
    $('.menu_btn .open').click ( function () {
        $('#btn-top').animate({"left":"948px"});
    });
    $('.menu_btn .close').click ( function () {
        $('#btn-top').animate({"left":"1108px"});
    });

    if (page == "")
        page = "1";

    $("#paging").html(getNewsPagingString(<%= totalNews %>, page, 10, 10)); 
});

function fn_list_search() {
    var condition = $("#searchCondition").val();
    var keyword = $("#searchKeyword").val();

    if (keyword.length < 2) {
        alert("검색어를 2자 이상 입력해 주세요.");
        return;
    }
    
    keyword = escape(encodeURIComponent(keyword));

    document.location.href = "./RecruitList.do?compType=<%= compType %>&searchCondition=" + condition + "&searchKeyword=" + keyword + "&page=1";
}

function fn_move_page(pageNo){
    fn_common_move_page(pageNo, location.search, page, 10, <%= totalNews %>, "./RecruitList.do");
}

//]]> 
</script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/leftEtc.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div id="btn-top"><a href="#header" onclick="return false;"><img src="/hmg/images/web/kor/common/move-top3.png" alt="TOP" /></a></div>
            <div class="scroll-pane">
                <!--contents-->
                <div id="content">
                    <!--recruit-->
                    <div class="recurit_Wrap">
                        <h2><img src="/hmg/images/web/kor/job/recruit_title.png" alt="인재채용" /></h2>
                        <h3><img src="/hmg/images/web/kor/job/recruitInfo_title.png" alt="채용정보 - 현대자동차그룹 계열사의 채용정보를 모았습니다" /></h3>

                        <!-- 내용 -->
                        <div class="recurit_contents">
                            <div class="pageLocation">
                                <ul>
                                    <li class="home"><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈" /></a></li>
                                    <li><a href="/hmg/web/kor/job/JobSubMain.do">인재채용</a></li>
                                    <li class="nowPage"><a href="./RecruitList.do">채용정보</a></li>
                                </ul>
                            </div>
                            <div class="link_box">
                                <ul>
                                    <li><a href="/hmg/web/kor/job/tln/Talent.do"><img src="/hmg/images/web/kor/job/quickmenu_img01.png" alt="인재상소개"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/int/JobIntroductionMain.do"><img src="/hmg/images/web/kor/job/quickmenu_img02.png" alt="직무 소개"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/itv/JobInterviewList.do"><img src="/hmg/images/web/kor/job/quickmenu_img03.png" alt="직무 인터뷰"  /></a></li>
                                    <li><a href="/hmg/web/kor/job/grp/GroupPeopleList.do"><img src="/hmg/images/web/kor/job/quickmenu_img04.png" alt="그룹사람들"  /></a></li>
                                    <li class="last"><a href="/hmg/web/kor/job/rct/RecruitList.do"><img src="/hmg/images/web/kor/job/quickmenu_img05.png" alt="채용정보"  /></a></li>
                                </ul>
                            </div>

                            <div class="recruit_list">
<%
    if (newsList == null || newsList.size() == 0)
        out.println("                                <dl style=\"text-align:center;\">등록된 게시물이 없습니다.</dl>");
    else {
        for (int idx = 0; idx < newsList.size(); idx++) {
            BoardVO news = newsList.get(idx);
%>
                                <dl>
                                    <dt class="company"><%= news.getCompName() %></dt>
                                    <dd class="information" style="width:68%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= news.getListID() %>&compType=<%= compType %>&page=<%= currPage %>"><%= news.getTitle() %></a></dd>
                                    <dd class="etc">
                                        <span class="career"><%= news.getListName() %></span> 
<%
            if (news.getDday().equals("-1") == true)
                out.println("                                        <span class=\"day end\">마감</span>");
            else
                out.println("                                        <span class=\"day\">D-" + news.getDday() + "</span>");
%>
                                        <span class="period"><%= news.getEffectDate() %>~<%= news.getExpireDate() %></span>
                                    </dd>
                                </dl>
<%
        }
    }
%>
                            </div>

                            <div class="gropnews_page">
                                <div class="gropnews_page_left">
                                    <ul id="paging"></ul>
                                </div>
                                <div class="gropnews_page_right">
                                    <ul>
                                        <li><a href="javascript:fn_move_page('prev');"><img src="/hmg/images/web/kor/btn/btn_prev.gif" alt="이전페이지로 이동" /></a></li>
                                        <li><a href="javascript:fn_move_page('next');"><img src="/hmg/images/web/kor/btn/btn_next.gif" alt="다음페이지로 이동" /></a></li>
                                    </ul>
                                </div>
                            </div>

                            <!-- searcharea-->
                            <div class="searchArea">
                                <img src="/hmg/images/web/kor/grn/groupnews_Search_Text01.gif" alt="상세검색" class="search_text"/>
                                <label class="hidden" for="">검색 영역</label>
                                <select id="searchCondition">
                                    <option value="1"<%= searchCondition.equals("1") == true ? " selected" : "" %>>제목</option>
                                    <option value="2"<%= searchCondition.equals("2") == true ? " selected" : "" %>>내용</option>
                                    <option value="3"<%= searchCondition.equals("3") == true ? " selected" : "" %>>제목 + 내용</option>
                                </select>
                                <label class="hidden" for="">검색</label>
                                <input type="text" id="searchKeyword" name="searchKeyword" value="<%= searchKeyword %>" title="검색" onkeypress="javascript:if (event.keyCode == 13) { fn_list_search(); }" />
                                <a href="javascript:fn_list_search();"><img src="/hmg/images/web/kor/btn/btn_search.gif" alt="검색" class="search_btn"/></a>
                            </div>
                            <!--// searcharea-->
                        </div>  
                    </div>
                    <!--//recruit-->
                </div>
            </div>
            <!--// 내용 -->
        </div>

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footerEtc.jspf" %>
        <!--//footer-->

    </div>
    <!--//wrap-->
</body>
</html>